<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../../../node_modules/jquery/dist/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css"
          href="../../../node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
    <script src="../../../node_modules/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
    <script src="../../../node_modules/bootstrap-datepicker/dist/locales/bootstrap-datepicker.zh-CN.min.js"></script>
    <script src="../../../node_modules/bootstrap/dist/js/bootstrap.js"></script>
    <script type="text/javascript" src="../../../node_modules/highcharts/highcharts.js"></script>
    <script type="text/javascript" src="../../../node_modules/mockjs/dist/mock-min.js"></script>
    <script type="text/javascript" src="../../common/charts.js"></script>
    <script type="text/javascript" src="../../common/chartsData.js"></script>
    <script type="text/javascript" src="../../common/chartsInitialize.js"></script>
    <script type="text/javascript">
        $(function () {
            forselect();
        });

        function getChart(storeName) {
            var series = [];
            for (var i = 0; i < 5; i++) {
                var serie = {};
                serie.name = customer_area[i];
                serie.data = getIncrement(real_energy.increment, real_energy.min[i], real_energy.xAxis);
                series[i] = serie;
            }
            console.log(series);
            spline('container', storeName, real_energy.xAxis, real_energy.yAxis, real_energy.tooltip, real_energy.min, real_energy.increment, series);
        }

        function forselect() {
            var storeName = $('#storeName').val();
            getChart(storeName);
        }
    </script>
</head>
<body>
<div style="padding: 5px 10px;background-color: #E6EFF8">
    <h5>
        <a style="color: black">上海分公司 > 实时检测 > 区域实时用电</a>
    </h5>
</div>
<div style="margin: 10px 10px 50px 10px">
    <form class="form-inline">
        <form class="form-inline">
            <div class="form-group">
                <label for="storeName">门店名称：</label>
                <select id="storeName" style="width:150px;" class="form-control"></select>
            </div>
            <button type="button" class="btn btn-default" onclick="forselect()">查询</button>
        </form>
</div>
<div id="container" style="width: 100%;height: 100%;"></div>
</body>
</html>